<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
<h:head>
	<title>テンプレート管理</title>
	<meta content='text/html; charset=UTF-8' http-equiv="Content-Type" />
</h:head>
<h:body>
    <h:form id="form">
        <p:tabMenu activeIndex="7">  
            <p:menuitem value="カタログ請求リスト" url="/catalogrequests/index.jsf" icon="ui-icon-star"/>  
            <p:menuitem value="顧客情報リスト" url="/customers/index.jsf" icon="ui-icon-search" />  
            <p:menuitem value="カタログマスタ管理" url="/catalogs/index.jsf" icon="ui-icon-document"/>  
            <p:menuitem value="メーカー管理" url="/makers/index.jsf" icon="ui-icon-wrench"/>  
            <p:menuitem value="商品管理" url="/products/index.jsf" icon="ui-icon-wrench" />
            <p:menuitem value="展示場管理" url="/showrooms/index.jsf" icon="ui-icon-wrench" />
            <p:menuitem value="テーマ管理" url="/themes/index.jsf" icon="ui-icon-wrench" />
            <p:menuitem value="テンプレート管理" url="/templates/index.jsf" icon="ui-icon-wrench" />
            <p:menuitem value="その他管理" url="/managements/index.jsf" icon="ui-icon-wrench" />       
        </p:tabMenu>

	<p:panelGrid columns="1">
		<p:breadCrumb>
			<p:menuitem value="ホーム" url="#"></p:menuitem>
			<p:menuitem value="テンプレート管理" url="#"/>
		</p:breadCrumb>
	</p:panelGrid>
	
        <f:event type="preRenderView" listener="#{templateControllerBean.find()}"/>
        <p:messages redisplay="false"/>
        <p:panel id="data" rendered="#{templateViewBean.templateList!=null}">
            
            
                    <p:dataTable var="template"
                                 value="#{templateViewBean.templateList}" paginator="true"
                            rows="50"
                            paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
                            rowsPerPageTemplate="50,100,150">	
                        
                        <p:column headerText="ID" sortBy="#{template.id}" >
                                    <h:outputText value="#{template.id}"/>
                            </p:column>
                        
                        <p:column headerText="テンプレート名" sortBy="#{template.name}" >
                                    <h:outputText value="#{template.name}"/>
                            </p:column>
                        
                        <p:column headerText="表示/非表示" sortBy="#{template.deleteFlg}" >
                            <h:outputText value="#{templateViewBean.DELETE_FLG_LIST[template.deleteFlg]}"/>
                            </p:column>

                        <p:column headerText="編集">
                            <p:commandButton value="編集" action="#{templateControllerBean.gotoEditPage()}">
                                <f:setPropertyActionListener target="#{templateViewBean.selectedTemplate}" value="#{template}"/>
                            </p:commandButton>
                        </p:column>
                        
                        <p:column headerText="削除">
                            <p:commandButton value="削除" update=":form:delete" oncomplete="dialog.show()" title="削除">
                                <f:setPropertyActionListener target="#{templateViewBean.selectedTemplate}" value="#{template}"/>
                            </p:commandButton>
                            </p:column>

                    </p:dataTable>
            </p:panel>
					
		<p:dialog header="削除" widgetVar="dialog" resizable="false"
			showEffect="fade" hideEffect="explode" modal="true">
                    <h:panelGrid id="delete" style="align:center;width:400px; border: white" columns="1">
                        <h:outputText value="#{templateViewBean.selectedTemplate.name}" style="font-weight: bold"/>  
                        <h:outputText value="削除したデータは元に戻せません。"/>
                        <h:outputText value="本当にテンプレートを削除しますか。"/>
                        <p:column>
                            <p:commandButton id="submit" value="OK" action="#{templateControllerBean.delete()}" update=":form" oncomplete="dialog.hide()"/>
                            <p:commandButton value="キャンセル" oncomplete="dialog.hide()" style="width:130px;align:right"/>
                        </p:column>
			</h:panelGrid>
		</p:dialog>
		
	</h:form>
						
		<div id = "footer" align="right">
			<a href="#">▲このページのTOPへ</a>
		</div>

</h:body>
</html>